<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>tablist-org</title>
	<link href="css/ec.css" rel="stylesheet">
	<link href="css/Tbase.css" rel="stylesheet">	<script type="text/javascript" src="js/jquery.validate.js"></script>
	<script type="text/javascript" src="js/jquery.validate-zh.js"></script>
	<script src="js/ec.js"></script>
	<script type="text/javascript">
$(function(){
	$("#myForm").validate({
		errorElement: 'span',
		rules:{
			fname:{
				maxlength: 6,     //字符最大长度
				required: true    //必须填写
			},
			// lastname:{
			// 	minlength: 2,     //字符最小长度
			// 	required: true
			// },
			sex:{
				required: true
			},
			email:{
				required: true,
				email: true       //匹配邮箱地址格式
			},
			number: {
				required: true,
				number: true,
				max:100,    //最大值
				min:10      //最小值
			},
			phoneNum:{
				required: true,
				minlength: 11,
				maxlength: 11
			},
			password: {           
				minlength: 5,
				required: true
			},
			rpassword: {        
				minlength: 5,
				required: true,
				equalTo: "#password"    //匹配与xxxid元素相同的value
			}, 
		},
		messages:{
			firstname:{
				required:"这个必须填！！！！！！！！！！"
			},
			phoneNum:{
				minlength : "请输入正确的手机号码！",
				maxlength : "请输入正确的手机号码！"
			}
		}
	});
	//地区
	area.init();
	$("#province").change(function () {
		$("#city").empty();
		var pro = this.value;
		area.fillData(area.getCity(pro), $("#city"));
		var city = $("#city").val();
		$("#county").empty();
		area.fillData(area.getCounty(pro, city), $("#county"));
	})
	$("#city").change(function () {
		$("#county").empty();
		var pro = $("#province").val();
		var city = this.value;
		area.fillData(area.getCounty(pro, city), $("#county"));
	});

	//日期
	$("#date").datepicker()
	  	$(".input input").click(function(){								 
	    $(this).val("")
	 });
	
})
</script>
</head>
<body>
       <div class=" tablewidth">
                           <div class="tablist">
				        	<dl>
				            	<dd>
				            		<label for="">机构名称</label>
				            		<input type="text" value="区域代理1">
				            	</dd>
				            	<dd>
				            		<label for="">地址</label>
				            		<input type="text" value="北京市西城区朗琴国际919A">
				            	</dd>
				            </dl>
				            <dl>
				            	<dd>
				            		<label for="phoneNum">电话</label>
				            		<input type="text" placeholder="010-6254520" id="phoneNum" name="phoneNum" >
				            	</dd>
				            	<dd>
				            		<label for="">联系人</label>
				            		<input type="text" value="张三">
				            	</dd>
				            </dl>
				             <dl>
				            	<dd>
				            		<label for="">上级机构</label>
				            		<select name="" id="">
				            			<option value="">易生活</option>
				            		</select>
				            	</dd>
				            	<dd>
				            		<label for="">机构类型</label>
				            		<select name="" id="">
				            			<option value="">区域代理</option>
				            		</select>
				            	</dd>
				            </dl>
				             <dl>
				            	<dd>
				            		<label for="">简称</label>
				            		<input type="text" value="区1">
				            	</dd>
				            	<dd>
				            		<label for="">机构号</label>
				            		<input type="text" value="0001">
				            	</dd>
				            </dl>
				            <dl>
				            	<dd>
				            		<label for="">用户账号</label>
				            		<input type="text" value="42036524120125452015">
				            	</dd>
				            </dl>
				        	<dl class="save">
				            	<dd>
				            		<input type="button" value="保存">
				            		<input type="button" value="取消">
				            	</dd>
				            </dl>
			             </div>
			        </div>
</body>
</html>